@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 380px) {
    html{
        font-size: 10px;
    }
}
@media screen and (min-width: 380px) and (max-width:500px) {
    html{
        font-size: 12px;
    }
}
@media screen and (min-width: 500px) and (max-width:650px) {
    html{
        font-size: 13px;
    }
}
@media screen and (min-width: 650px) {
    html{
        font-size: 14px;
    }
}
*{margin:0;padding:0;}
body {
    margin: 0px;
    padding: 0px;
    font-size: 1.2rem;
    font-family:"微软雅黑", Arial, helvetica,"华文黑体", "方正黑体简体"; color:#00000;
}

ul{ list-style:none;}
li{ list-style:none;}
a{ text-decoration:none; color:#000;}
input{ border:0px; cursor:pointer;}
button{ border:0px; cursor:pointer; background:none;}
img{ width:100%;display:block;}
.header{
    width:100%;
    overflow:hidden;
    position:relative;
}
.logo{
    width:30%;
    position:absolute;
    top:15%;
    left:50%;
    margin-left:-15%;
}
.logo p{
    text-align:center;
    height:30px;
    line-height:30px;
    font-size:20px;
    margin-top:10px;
    color:#666;
}
.logo img{
    border:1px solid #ddd;
    border-radius:20px;
}
.header_foot{
    position:absolute;
    bottom:8%;
    text-align:center;
    width:100%;
}

.header_foot h4 span{
    font-size:36px;
}

.footer{
    width:100%;
    overflow:hidden;
    position:relative;
    margin-bottom: 8%;
    height: 145px;
    line-height: 202px;
}
.btn{
    position:absolute;
    width:50%;
    height:36px;
    top:50%;
    margin-top:-18px;
    left:50%;
    margin-left:-25%;
    line-height:36px;
    border:2px solid #fff;
    border-radius:20px;
    text-align:center;
    color:#fff;
    font-size:16px;
    word-spacing:4px;
    letter-spacing: 2px;
}
.footer img{
    width:80%;
    display:block;
    margin:auto;
}
.android{ width:50%; position:absolute;text-align:center;right:0;top:50%;}
.ios{ width:50%; position:absolute;text-align:center;left:0;top:50%;}
 